{% block sw_plugin_card %}
<div class="sw-plugin-card">
    <sw-extension-icon
        :src="plugin.iconPath"
    />

    <div class="sw-plugin-card__info">
        <div class="sw-plugin-card__label">
            {{ plugin.label }}
        </div>

        <div class="sw-plugin-card__manufacturer">
            {{ plugin.manufacturer }}
        </div>

        <div
            v-if="showDescription"
            class="sw-plugin-card__short-description"
        >
            {{ truncateFilter(plugin.shortDescription, 140) }}
        </div>

        <div
            v-if="pluginIsNotActive"
            class="bottom"
        >
            <mt-button
                variant="primary"
                :is-loading="pluginIsLoading"
                :disabled="pluginIsLoading"
                class="button-plugin-install"
                @click="onInstall"
            >
                {{ $tc('sw-first-run-wizard.general.buttonInstall') }}
            </mt-button>
        </div>

        <div
            v-else
            class="plugin-status"
        >
            <span class="plugin-installed">
                <mt-icon
                    name="regular-check-circle-s"
                    size="16"
                />
                {{ $tc('sw-first-run-wizard.general.pluginInstalled') }}
            </span>
        </div>
    </div>
</div>
{% endblock %}
